@import '../css/core/_setting.scss';
@import '../css/core/_css3.scss';
@import '../css/core/_grid.scss';
@import '../css/core/_mixin.scss';

%clear-border{
  &:after,&:before{
    height:0 !important;
  }
}
//flex container
@mixin set-flex($orient:vertical, $flow: row) {
  display: -webkit-box;
  display: flex;
  -moz-box-orient: $orient;
  -webkit-box-orient: $orient;
  box-orient: $orient;
  -webkit-flex-direction: $flow;
  flex-flow: $flow;
  /* for uc */
}
%set-flex {
  @include set-flex();
}
@mixin set-flex-align ($justify: flex-start, $align: flex-start) {
  -webkit-box-align: $align;
  justify-content: $justify;
  align-items: $align;
}
//flex items
@mixin flex ($num:1) {
  -webkit-box-flex: num;
  -moz-box-flex: num;
  -ms-flex: num;
  flex: $num;
}
@mixin flex-self($align: auto) {
  align-self: $align;
}
%set-flex {
  @include flex();
}

@function fr($num) {
  @return $num / 640 * 10 * 1rem;
}
